import React from 'react';
import { Progress } from 'antd';
import { EditOutlined, EllipsisOutlined, SettingOutlined } from '@ant-design/icons';
import { Avatar, Card } from 'antd';
// import { Label_list } from '../../../axios/api'
const { Meta } = Card;
// const [data, setData] = useState([])





export default function speed() {


  return (
      <>

          <div style={{
              width: 320, height: 380, backgroundColor: 'white',
              boxShadow: '2px 2px 5px 2px rgb(205, 203, 203)',
          }}>
              <div style={{
                  width: 300, height: 360, margin: 'auto', marginTop: 10,
              }}>
                  <p>高血压</p>
                  <Progress percent={30} />
                  <p>冠心病</p>
                  <Progress percent={50} status="active" />
                  <p>高血糖</p>
                  <Progress percent={70} status="active" />
                  <p>高血脂</p>
                  <Progress percent={80} />
                  <p>慢病护理</p>
                  <Progress percent={40} />
                  <p>多动症</p>
                  <Progress percent={20} />

              </div>

          </div>


          <div className='carts'>
              <h1 style={{
                  marginTop: 20, marginLeft: 20,
              }}>居民指标异常</h1>
              <div className='cartt'>
                  <Card
                      style={{ width: 230, height: 280, boxShadow: '2px 2px 5px 2px rgb(205, 203, 203)' }}
                      cover={
                          <img
                              alt="example"
                              src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png"
                          />
                      }

                  >
                      <Meta
                          avatar={<Avatar src="https://joesch.moe/api/v1/random" />}
                          title="王冉"
                          description="高血压"
                      />
                  </Card> <Card
                      style={{ width: 230, height: 280, boxShadow: '2px 2px 5px 2px rgb(205, 203, 203)' }}
                      cover={
                          <img
                              alt="example"
                              src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png"
                          />
                      }

                  >
                      <Meta
                          avatar={<Avatar src="https://joesch.moe/api/v1/random" />}
                          title="孙秀英"
                          description="冠心病"
                      />
                  </Card> <Card
                      style={{ width: 230, height: 280, boxShadow: '2px 2px 5px 2px rgb(205, 203, 203)' }}
                      cover={
                          <img
                              alt="example"
                              src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png"
                          />
                      }
                     

                  >
                      <Meta
                          avatar={<Avatar src="https://joesch.moe/api/v1/random" />}
                          title="高霞"
                          description="高血糖"
                          
                      />
                  </Card>
              </div>

          </div>
</>
  )
}

